<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
    <%@page isELIgnored="false" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>资产出库明细</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link id="bootstrap-style" href="<c:url value="/css/bootstrap.min.css"/>" rel="stylesheet">
	<link href="<c:url value="/css/bootstrap-responsive.min.css"/>" rel="stylesheet">
	<link id="base-style" href="<c:url value="/css/style.css"/>" rel="stylesheet">
	<link id="base-style-responsive" href="<c:url value="/css/style-responsive.css"/>" rel="stylesheet">
	<link href="<c:url value="/css/index.css"/>" rel="stylesheet">
	<link rel="shortcut icon" href="<c:url value="/img/favicon.ico"/>">
	<link href="<c:url value="/css/page.css"/>" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="<c:url value="/css/jquery.datetimepicker.css"/>"/>
	<link href="<c:url value="/css/but.css"/>" rel="stylesheet">
	<script src="<c:url value="/js/jquery-1.9.1.min.js"/>"></script>
	<script src="<c:url value="/js/jquery-migrate-1.0.0.min.js"/>"></script>
	<script type="text/javascript" src="<c:url value="/js/layer/layer.js"/>"></script>
	<script src="<c:url value="/js/laydate/laydate.js"/>"></script>
	<script src="<c:url value="/js/build/jquery.datetimepicker.full.js"/>"></script>
</head>
 <script type="text/javascript">
 function gotoPage(pageNum){
	 	var totalPage=jQuery("#totalPage").val();
		regexpdat=/^\d+$/;
		if(!regexpdat.test(pageNum)){
			alert("查询的页面必须为数字");
			return ;
		}
		if(1 > pageNum || pageNum > totalPage){
			alert("请求页面不在范围之内，请重新输入");
			return;
		}
		jQuery("#currentPage").val(pageNum);
		document.forms["frm"].submit();
	}
 
 function closebutton() {
		var index = parent.layer.getFrameIndex(window.name);
		parent.layer.close(index);
	}
 
 
 </script>
<body>

	<form name="frm" id="frm" method="get" action="<%=basePath%>assets/index">
			<input type="hidden" id="totalPage" name="totalPage" value="${totalPage}"> 
			<input type="hidden" id="currentPage" name="currentPage" value="${currentPage}"> 
			<div id="content" class="span10" style="width: 100%;">
				<div class="row-fluid content-table">
					<table class="table table-striped table-bordered bootstrap-datatable">
					  <thead>
						  <tr>
							  <th>出库人</th>
							  <th>工号</th>
							  <th>部门</th>
							  <th>出库时间</th>
							  <th>物品</th>
							  <th>数量</th>
							  <th>单位</th>
							  <th>型号</th>
						  </tr>
					  </thead>   
					  <tbody>
					  	<c:forEach items="${list }" var="a">
							<tr>
								<td>${a.name }</td>
								<td>${a.jobnumber }</td>
								<td>${a.deptname }</td>
								<td>
									<jsp:useBean id="myDate" class="java.util.Date"/> 
									<c:set target="${myDate}" property="time" value="${a.createtime }"/> 
									<fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${myDate}" type="both"/> 
								</td>
								<td>${a.assets.name }</td>
								<td>${a.number }</td>
								<td>${a.assets.unit }</td>
								<td>${a.assets.model }</td>
							</tr>
					  	</c:forEach>
					  </tbody>
				  </table>            
				</div>	
				<div id="app">
			    <div>
			    
			      <div class="page"  v-show="show">
			      	<div class="span">
					</div>
			        <div class="pagelist">
			        
			          <span class="jump" :class="{disabled:pstart}" onClick="gotoPage(1);">首页</span>
			          <span class="jump" :class="{disabled:pstart}" onClick="gotoPage(${currentPage}-1);return false;">上一页</span>
			          <span v-show="current_page>5" class="jump" onClick="gotoPage(1);">1</span>
			          <span class="ellipsis"  v-show="efont">...</span>
			          <span class="jump" v-for="num in indexs" :class="{bgprimary:current_page==num}" onClick="gotoPage(jQuery(this).text());">{{num}}</span>
			          <span class="ellipsis"  v-show="ebehind">...</span>
			
			          <span :class="{disabled:pend}" class="jump" onClick="gotoPage(${currentPage}+1);return false;">下一页</span>
			          <span v-show="current_page<pages-4" class="jump" onClick="gotoPage(${totalPage})">{{pages}}</span>
			
			          <span class="jumppoint">跳转到：</span>
			          <span class="jumpinp"><input type="text" v-model="changePage" name="pageNum" id="pageNum" value=""/></span>
			          <span class="jump gobtn" onClick="gotoPage(jQuery('#pageNum').val())">GO</span>
			        </div>
			      </div>
			    </div>
			  </div>
			</div>
	</form>
	<div id="content" class="span10" style="width: 100%;">
			<div class="row-fluid content-search" style="text-align: center;">
				<div>
					<button class="but" style="background-color: #f55353;" type="button"
						onclick="closebutton();" id="output1">关闭</button>
				</div>
			</div>
		</div>
			<script src="<c:url value="/js/vue.js"/>"></script>
			<script src="<c:url value="/js/vueClick.js"/>"></script>
</body>
</html>
